/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */
body,html{
	min-height:100%;
	margin: 0;
}
body{
	font-family: 'Luckiest Guy', cursive;
	font-size: 13px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, #287818 0%, #FFFFFF 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #287818 0%, #FFFFFF 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center bottom, ellipse farthest-side, #287818 0%, #FFFFFF 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #287818), color-stop(1, #FFFFFF));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, #287818 0%, #FFFFFF 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(ellipse farthest-side at center bottom, #287818 0%, #FFFFFF 100%);
}

#container{
	margin-left:auto;
	margin-right:auto;
	width:800px;
}
#banner img{
	float:left;
}
#banner{
	font-size:60px;
	text-shadow: 5px 5px 5px #287818;
	clear:both;
	overflow:hidden;
}
#nav{
	float:left;
	width:250px;
	min-height: 300px;
	font-size:25px;
}
#nav ul{
	list-style:none;
}
#nav li{
	padding:10px;
}
#nav a{
	text-decoration:none;
	color:black;
}
#nav a:hover{
	color:white;
}
#content{
	float:left;
}

#footer{
	clear:both;
	text-align: center;
	font-size:16px;
}
